.ka{
    width:500px;
    background:rgba(255,255,255,1);
    .circle{
        z-index: 999;
        width:200px;
        height: 200px;
        border-radius: 50%;
        background:rgba(255,255,255,1);
        margin:-110px auto 0;
        overflow: hidden;
        span{
            background-image: url(../../dist/img/3img_qd_success.png);
            background-size: cover;
            display: block;
            width:86px;
            height: 92px;
            border-radius: 50%;
            margin:20px auto;
        }
    }
    .x{
        padding-right:20px;
        margin-top: -73px;
        margin-bottom: 28px;
        // cursor: pointer;
        span{
            width:24px;
            height: 24px;
            background: url(../../dist/img/3icon05.png);
            background-size: cover;
            display: block;
            float: right;
            
        }

    }
    .word{
        color:rgba(51,51,51,1);
        font-size: 20px;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px dashed rgba(231,76,60,1);
    }
    .con{
        color:rgba(231,76,60,1);
        padding:50px 0 40px;
        font-size:24px;
        text-align: center;
    }
    .di{
        color:rgba(102,102,102,1);
        font-size:15px;
        margin-bottom: 30px;
        text-align: center;
    }
}
.cw{
   
    .yiyuan{
        background:rgba(255,255,255,1);
        border:1px solid rgba(229,229,229,1);
        border-radius:10px;
        padding:20px 20px 28px;
        position: relative;
        .pic{
            width:408px;
            height:294px;
            background-image: url(../img/hospital.jpeg);
            background-size: 100%;
            background-repeat: no-repeat;
            margin-right:29px;
        }
        .center{
            flex: 1;
             .name{
                color:rgba(51,51,51,1);
                font-size: 14px;
                width: 70%;
                margin-top: 12px;
                margin-bottom: 16px;

             }
             .message{
                 margin-bottom: 14px;
                 .icon{
                    width:14px;
                    height:14px;
                    margin-right: 14px;
                 }
                 .word{
                     font-size: 12px;
                     line-height: 14px;
                     color:rgba(102,102,102,1);
                 }
                 .word1{
                     flex: 1;
                     margin-top:-3px;
                     line-height: 22px;
                 }
                 .icon1{
                    background-image: url(../img/13icon02.png);
                    background-size:  100% 100%;

                }
              
               //  .icon2{
               //     background-image: url(../img/yicon03.png);
               //     background-size: 100% 100%;

               // }
               .icon3{
                   background-image: url(../img/yicon03.png);
                   background-size:  100% 100%;

               }
               .icon4{
                   background-image: url(../img/yicon04.png);
                   background-size:  100% 100%;

               }

               .icon5{
                   background-image: url(../img/yicon05.png);
                   background-size:  100% 100%;

               } 
               .icon6{
                   background-image: url(../img/yicon06.png);
                   background-size:  100% 100%;

               }
               .icon7{
                   background-image: url(../img/yicon07.png);
                   background-size: cover;

               }
               .icon8{
                   background-image: url(../img/yicon08.png);
                   background-size: cover;

               }

             }
            .message:nth-of-type(2) {
                width: 70%
            }
             .message:nth-of-type(2) .word {
                 flex:1;
                 line-height: 20px;
                 margin-top:-3px;
             }
        }
        .right{
            position: absolute;
            width:120px;
            top:20px;
            right: 20px;
            .btn{
                width:120px;
                height: 40px;
                margin-bottom: 12px;
                // cursor: pointer;
                text-align: center;
                line-height: 40px;
                font-size: 14px;
                border-radius:5px;
            }
            .btn1{
                background:rgba(83,221,223,1);
                color: #fff;
            }
            .btn2{
                background:rgba(255,255,255,1);
                border:1px solid rgba(83,221,223,1); 
                color:rgba(102,102,102,1);    
            }
        }
    }
    .time{
        margin-top: 10px;
        background:rgba(255,255,255,1);
        border:1px solid rgba(229,229,229,1);
        border-radius:10px;
        .tit{
            height:50px;
            background:rgba(239,255,251,1);
            border-radius:10px 10px 0px 0px;
            padding:19px 16px 15px;
            .a{
                font-size: 14px;
                line-height: 16px;
                color:rgba(51,51,51,1);
                flex: 1;
            }
            .b{
                width: 16px;
                height: 16px;
                display: block;
            }
            .c{
                font-size: 14px;
                color:rgba(32,156,225,1);
            }
        }
        .timeList{
            padding: 10px 20px;
            .up{
                // cursor: pointer;
                position: relative;
                height: 65px;
                margin-bottom: 1px;
                .img{
                    position: absolute;
                    display: block;
                    width:8px;
                    height: 12px;
                    background-image: url(../img/xq.png);
                    top:50%;
                    left:50%;
                    transform: translateX(-50%) translateY(-50%); 
                }
            }
            .js_date_reduct{
                .img{
                    transform:rotate(180deg);
                    margin-top:-16%;
                    margin-left:-16%;
                }
            }
            .down{
                height: 96px;
            }
            .left{
                width:42px;
                .a{
                    background:rgba(255,255,255,1);
                    border:1px solid rgba(229,229,229,1);
                    border-radius:5px;
                    border-right:0;
                }
                .b{
                    background:rgba(247,252,255,1);
                    border:1px solid rgba(229,229,229,1);
                    border-radius:5px;
                    border-bottom: 0;
                    line-height: 20px;
                    padding-top:25px;
                    color:rgba(51,51,51,1);
                    font-size: 14px;
                    text-align: center;
                }
                .c{
                    border-bottom: 1px solid rgba(229,229,229,1);
                }
            }
            .center{
                flex: 1;
                .row{
                    width: 124px;
                    .a{   
                        background:rgba(247,252,255,1);
                        border:1px solid rgba(229,229,229,1);
                        border-radius:5px;
                        border-left: 0;
                        padding-top: 15px;
                        font-size:14px;
                        line-height: 1;
                        color:rgba(51,51,51,1);
                        text-align: center;
                        .day{
                            margin-bottom: 8px;
                        }
                    }
                    .a:nth-of-type(1){
                        border-left:1px solid rgba(229,229,229,1);
                    }
                    
                    .people{
                        border:1px solid rgba(229,229,229,1);
                        border-top: 0;
                        border-right: 0;
                        border-radius:5px;
                        font-size: 14px;
                        text-align: center;
                        line-height: 92px;;
                        color:rgba(102,102,102,1);

                    }
                    .people:nth-of-type(1){
                        border-top:1px solid rgba(229,229,229,1);
                    }
                    .man{
                        background:rgba(249,249,249,1);
                    }
                    .lan{
                        background:rgba(225,244,255,1);
                        color:rgba(50,174,255,1);
                    }
                    .on{
                        background:rgba(50,174,255,1);
                        color: #fff;
                    }

                }
                
            }
            .right{
                .a{
                    border-right: 1px solid rgba(229,229,229,1);

                }
            }
        }
      
    }
    .doctors{
        margin-top:10px;
        .title{
            height:48px;
            background:rgba(254,240,255,1);
            border-radius:10px 10px 0px 0px;
            color:rgba(51,51,51,1);
            font-size: 14px;
            line-height: 48px;
            padding-left:16px;
        }
        .doctorList{
            .doctor{
                padding: 16px;
                background:rgba(255,255,255,1);
                border:1px solid rgba(138,205,246,1);
                border-radius:10px;
                margin-top:10px;
                .left{
                    width: 100px;
                    height: 100px;
                    background:linear-gradient(0deg,rgba(234,244,254,1) 0%,rgba(255,255,255,1) 100%);
                    border-radius:10px;
                    background-image: url(../img/14img01.png);
                    background-size: cover;
                    margin-right: 17px;
                }
                .center{
                    flex: 1;
                    .first{
                        margin-top:10px;
                        span{
                            display: block;   
                        }
                        .a{
                            font-size: 14px;
                            color:rgba(51,51,51,1);
                            margin-right: 27px;
                        }
                        .b{
                            line-height: 1;
                            margin-top:5px;
                        }
                    }
                    .word{
                        font-size: 12px;
                        color:rgba(153,153,153,1);
                    }
                    .second{
                        margin:12px 0;
                        line-height: 1;
                    }
                    .three{
                        color:rgba(255,102,51,1);
                        font-size: 12px;
                        line-height: 18px;
                        .a{
                            margin-right: 7px;
                            
                        }
                        .b{
                            flex: 1;
                        }
                    }
                }
                .right{
                    width:148px;
                    height:100px;
                   
                    background:rgba(113,209,255,1);
                    border:1px solid rgba(229,229,229,1);
                    border-radius:10px;
                    margin-left:50px;
                    .up{
                        width:148px;
                        height:50px;
                        background:rgba(254,254,254,1);
                        border:1px solid rgba(229,229,229,1);
                        border-radius:10px;
                        color:rgba(206,38,38,1);
                        position: relative;
                        .pp{
                            position: absolute;
                            left:50%;
                            top:50%;
                            transform: translateX(-50%) translateY(-50%);
                        }
                        .a{
                            font-size: 12px;
                            margin-right: 8px;
                        }
                        .b{
                            font-size: 20px;
                        }
                        .c{
                            font-size: 12px;
                        }
                    }
                    .down{
                        cursor: pointer;
                        color:rgba(255,255,255,1);;
                        font-size: 14px;
                        width: 100%;
                        text-align: center;
                        line-height: 50px;
                    }
                }
            }
        }

    }
}